var tab = document.querySelectorAll(".tab");

for(var i = 0 ; i < tab.length ; i++){
    tabs(tab[i]);

}
// var tab = document.getElementsByClassName("tab")[0];
function tabs(tab){
    var tt = tab.querySelector(".tt");/* 选择器 */
    var span = tt.querySelectorAll("span");
    var tc = tab.querySelectorAll(".tc");
    console.log(tab,tt,span,tc);

    //定义事件
    for(var i = 0 ; i < span.length ; i++){
        span[i].index = i;/* 获取下标 */
        span[i].onmouseover = function(){
            for(var j = 0 ; j < tc.length ; j++){
                tc[j].style.display="none";
                span[j].classList.remove("cur");
            }
            tc[this.index].style.display="block";
            this.classList.add("cur");

        }
    }
    
}

//DOM查找html元素

